<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <figure>
    <a target="_blank" href="https://baike.baidu.com/item/%E9%A3%8E%E5%85%89%E6%91%84%E5%BD%B1/30554?fr=aladdin">
    <img  usemap="#sceneryMap" src="./img/hh.jpg" alt="这是一张风景照">
    </a>
    <figcaption>
    <h2>风景</h2>
</figcaption>
    <p>随便找的照片</p>
</figure>
    <map name="sceneryMap">
    <area shape="circle" coords="1304,475,82" href="https://baike.baidu.com/item/%E5%B1%B1/23597124?fr=aladdin" target="_blank">
    </map>
</body>
</html>